<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Autocomplete Demos</title>
	<script type="text/javascript">
		var Global = {
			contextPath:'/bingo.ui.framework'
		} 
	</script>
	<script src="../../../../scripts/jquery.js" type="text/javascript"></script>
	<script src="../../../../scripts/jquery.utils.js" type="text/javascript"></script>
	
	<script src="../../../../scripts/jquery_ui/jquery.ui.core.js" type="text/javascript" ></script>
	<script src="../../../../scripts/jquery_ui/jquery.ui.widget.js" type="text/javascript" ></script>
	<script src="../../../../scripts/jquery_ui/jquery.ui.position.js" type="text/javascript" ></script>
	
	<link  href="../../../../themes/default/ui.css" type="text/css" rel="stylesheet" />
	
	<!-- 换肤 -->
	<script type="text/javascript" src="../../../theme_cookie.js"></script>
		
	<script src="../jquery.ui.autocomplete.js" type="text/javascript"></script>
	<link  href="../autocomplete.css" type="text/css" rel="stylesheet" />
	
	<link type="text/css" href="../../../demos.css" rel="stylesheet" />

	<script>
		$( function(){
			$("#default").autoComplete({
				minLength:1,//最小输入1个字符触发事件
				source:'array',
				data:[
					"c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"]
			});
		} ) ;
	</script>
	
	<style>
		input{
			width:200px;
		}
	</style>
</head>

<body>
	<input type='text' id='default' value=''> 
	<br><br>
	<div class='ui-state-highlight'>
		测试数据：<br>
		"c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"
	</div>
</body>
</html>